.receive {
    height: 100%;
    border-top: .2667vw solid #E4E4E4;
    overflow: scroll;

    .receive_wrap {

        padding-top: 2.133vw;
        overflow: auto;

        .copy {
            margin-left: 2.8vw;
            width: 4vw;
            display: block;
            cursor: pointer;
        }

        .nav {
            padding: 0 var(--m12);
            display: flex;
            justify-content: space-between;
            align-items: center;
            font-size: var(--m12);
            line-height: 1.5;

            .nav_title {
                color: var(--middle-gray);
            }

            .chain {
                cursor: pointer;
                color: var(--font-color);
                display: flex;
                justify-content: center;
                align-items: center;

                .name {
                    margin-right: 1.0667vw;
                }

                .switch {
                    width: 5.3333vw;
                }
            }

        }

        .content {
            padding: 2.133vw var(--m12) 0;
        }

        .qr_box {
            width: 100%;
            padding: var(--m12) var(--m12);
            min-height: 56vw;
            border-radius: 4.2667vw;
            background: #FFFFFF;
            border: .2667vw solid var(--input-border);
            backdrop-filter: blur(12PX);

            .qr_title {
                font-family: 'Montserrat-Light';
                font-style: normal;
                font-weight: 300;
                font-size: 2.666vw;
                display: flex;
                align-items: center;
                text-align: center;
                justify-content: center;

                /* Black */

                color: #7E8189;
            }

            .qr_code {
                width: 34.13vw;
                height: 34.13vw;
                margin: var(--m12) auto var(--m12);
                display: flex;
                justify-content: center;
                align-items: center;
                svg {
                    width: 100%;
                    height: 100%;
                }
                // background: url('../../assets/icons/qeback.svg') center/cover no-repeat;
            }

            .qr_code_theme_light {
                // background: url('../../assets/icons/qeback.svg') center/cover no-repeat !important;
            }

            .qr_code_theme_dark {
                background: url('../../assets/icons/dark/qrback.svg') center/cover no-repeat !important;
            }

            .address {
                display: flex;
                justify-content: center;
                align-items: center;

                span {
                    font-family: 'Montserrat-Light';
                    font-style: normal;
                    font-weight: 400;
                    font-size: 3.4667vw;
                    /* identical to box height */

                    display: flex;
                    align-items: center;

                    /* Black */

                    color: var(--font-color);
                }


            }
        }


        .account {
            margin-top: 5.33vw;

            .title {
                font-family: 'Montserrat-Medium';
                font-style: normal;
                font-weight: 500;
                font-size: 4vw;
                display: flex;
                align-items: center;

                /* Black */

                color: var(--font-color);

            }

            .desc_tip {
                margin-top: 1.0667vw;
                font-weight: 500;
                font-size: 2.9333vw;

                /* 中灰 */

                color: var(--secondary-middle-text);
                margin-bottom: var(--m12);
            }

            .account_box {
                padding: 4.2667vw var(--m12);
                display: flex;
                justify-content: space-between;
                align-items: center;
                background: rgba(255,255,255, .5);
                border-radius: var(--m12);
                border: .2667vw solid var(--input-border);

                &>div {
                    font-family: 'Montserrat-Regular';
                    font-style: normal;
                    font-weight: 400;
                    font-size: 4vw;
                    display: flex;
                    align-items: center;

                    /* Black */

                    color: var(--font-color);
                }


            }
        }


        .note {
            margin-top: 1.0667vw;
            font-family: 'Montserrat-Medium';

            .text {
                font-size: 2.9333vw;
                color: var(--secondary-middle-text);
                font-weight: 500;
            }

            .note_link {
                cursor: pointer;
                margin-top: 1.0667vw;
                color: #4F48E2;
                text-decoration-line: underline;
                font-size: 3.4667vw;
                font-weight: 500;
                padding-bottom: 4.2667vw;
            }

        }

    }
}

.successIcon {
    width: 4.266vw;
    height: 4.266vw;
    margin: 0 1.066vw 0 0;
}
.copied {
    width: 57.6vw;
    height: var(--m76);
    backdrop-filter: blur(6PX);
    /* Note: backdrop-filter has minimal browser support */

    border-radius: 4.266vw;
    font-family: 'Montserrat-Regular';
    font-style: normal;
    font-weight: 400;
    font-size: var(--m11);
    display: flex;
    align-items: center;
    text-align: center;

    /* Color 1 */

    color: var(--primary);
    display: flex;
    justify-content: center;
    align-items: center;

    border: 1px solid rgba(255, 255, 255, 0.3);
    background: rgba(248, 248, 248, 0.5);
    box-shadow: 0px 0px var(--m12) 0px rgba(0, 0, 0, 0.12);
}


@media screen and (min-width:1280px) {
    .receive {
        border-top: 1.2535px solid #E4E4E4;

        .receive_wrap {
            padding-top: 12px;

            .copy {
                margin-left: 13.16px;
                width: 18.8px;
            }

            .nav {
                padding: 0 15.04px;
                font-size: 15.04px;

                .chain {
                    .name {
                        margin-right: 5.0135px;
                    }

                    .switch {
                        width: 25.0665px;
                    }
                }

            }


            .content {
                padding: 10px 15.04px 0;
            }

            .qr_box {
                width: 100%;
                padding: 15px 15.04px;
                min-height: 263.2px;
                border-radius: 20.0535px;

                border: 1.2535px solid var(--input-border);


                .qr_title {

                    font-size: 12.5px;

                }

                .qr_code {
                    width: 160px;
                    height: 160px;
                    margin: 15px auto 15px;

                }



                .address {


                    span {

                        font-size: 16.2935px;

                    }


                }
            }


            .account {
                margin-top: 25px;

                .title {

                    font-size: 18.8px;

                }

                .desc_tip {
                    margin-top: 5.0135px;
                    font-size: 13.7865px;

                    margin-bottom: 15.04px;
                }

                .account_box {
                    padding: 20.0535px 15.04px;

                    border-radius: 15.04px;
                    border: 1.2535px solid var(--input-border);

                    &>div {

                        font-size: 18.8px;

                    }


                }
            }

            .note {
                margin-top: 5.0135px;
    
                .text {
                    font-size: 13.7865px;
                }
    
                .note_link {
                    margin-top: 5.0135px;
                    font-size: 16.2935px;
                    font-weight: 500;
                    padding-bottom: 20.0535px;
                }
    
            }

        }
    }

    .copied {

        box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.12);


        border-radius: 20px;
        width: 270px;
        height: var(-pc76);

        font-size: var(--pc13);


    }

    .successIcon {
        width: 20px;
        height: 20px;
        margin: 0 5px 0 0;
    }
}